/**
 * 分屏枚举预设
 * 1,2,4,6,9,12,16
 */
export const splitStyles = {
  1: {
    'grid-template-rows': 'minmax(0, 1fr)',
    'grid-template-columns': 'minmax(0, 1fr)',
  },
  2: {
    'grid-template-rows': 'repeat(2, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(2, minmax(0, 1fr))',
  },
  3: {
    'grid-template-rows': 'repeat(2, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(2, minmax(0, 1fr))',
  },
  4: {
    'grid-template-rows': 'repeat(2, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(2, minmax(0, 1fr))',
  },
  5: {
    'grid-template-rows': 'repeat(3, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(3, minmax(0, 1fr))',
  },
  6: {
    'grid-template-rows': 'repeat(3, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(3, minmax(0, 1fr))',
  },
  7: {
    'grid-template-rows': 'repeat(3, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(3, minmax(0, 1fr))',
  },
  8: {
    'grid-template-rows': 'repeat(3, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(3, minmax(0, 1fr))',
  },
  9: {
    'grid-template-rows': 'repeat(3, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(3, minmax(0, 1fr))',
  },
  10: {
    'grid-template-rows': 'repeat(3, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(4, minmax(0, 1fr))',
  },
  11: {
    'grid-template-rows': 'repeat(3, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(4, minmax(0, 1fr))',
  },
  12: {
    'grid-template-rows': 'repeat(4, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(3, minmax(0, 1fr))',
  },
  13: {
    'grid-template-rows': 'repeat(4, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(4, minmax(0, 1fr))',
  },
  14: {
    'grid-template-rows': 'repeat(4, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(4, minmax(0, 1fr))',
  },
  15: {
    'grid-template-rows': 'repeat(4, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(4, minmax(0, 1fr))',
  },
  16: {
    'grid-template-rows': 'repeat(4, minmax(0, 1fr))',
    'grid-template-columns': 'repeat(4, minmax(0, 1fr))',
  },
}

// 静态样式, 基本上不会动的
export const staticStyle = {
  display: 'grid',
  gridGap: '2px',
}
